
<style>
.header{
width:100%;
height:45px;
line-height:45px;
font-size:18px;
font-weight:600;
text-align:center;
background:url("{$_W['siteroot']}app/themes/shijihongda/images/top_bg.png") repeat-x;
color:#fff;

}

</style>

<div class="header">{if !empty($title)}{$title} - {/if}{if !empty($_W['page']['sitename'])}{$_W['page']['sitename']}{else}{$_W['account']['name']}{/if}
</div>
<div id="carousel-container" class="carousel slide" data-ride="carousel">

	{php $slides = app_slide(array('multiid'=>$multiid));}

	<ol class="carousel-indicators">

		{php $slideNum = 0;}

		{loop $slides $row}

		<li data-target="#carousel-container" data-slide-to="{$slideNum}"{if $slideNum == '0'} class="active"{/if}></li>

		{php $slideNum++;}

		{/loop}

	</ol>



	<div class="carousel-inner" role="listbox">

		{loop $slides $row}

		<div class="item{if $slides[0] == $row} active{/if}">

			<a href="{$row['url']}">

				<img src="{$row['thumb']}" title="{$row['title']}" style="width:100%; vertical-align:middle;">

			</a>


		</div>

		{/loop}

	</div>

</div>

<script>

	require(['bootstrap', 'hammer'], function($, Hammer){

		$('#carousel-container').carousel();

		var mc = new Hammer($('#carousel-container').get(0));

		mc.on("panleft", function(ev) {

			$('#carousel-container').carousel('next');

		});

		mc.on("panright", function(ev) {

			$('#carousel-container').carousel('prev');

		});

	});

</script>

